<template>
	<div class="tradeDetail">
        <ul v-for="">
            <li>
                <div class="li-l">
                    <img src="../assets/img/icon_personer@2x.png" alt="">
                    <p>183 **** 8584<br><span>今天 12:00</span></p>
                </div>
                <div class="li-r">
                    <p class="payType">购卡</p>
                    <p class="payMoney">-1500</p>
                </div>
            </li>
        </ul>
	</div>
</template>
<script>
	import { Grid, GridItem, CellFormPreview, Group, Cell } from 'vux'
	export default {
		data (){
			return {


			}
		},
		components: {

		},
		methods: {

			saveData: function () {

	let xx = 	{
					"sessionId":"ed852194-ceb9-4316-b3cb-ef972f96d233","cardProductInfo":{"state":"normal","name":"card1","price":"1200","quantity":"3000","expireDate":"360","denomination":"150000","cardType":"normal"}
	}
	this.$http.post(this.$store.state.rests.addCard.url,xx).then(res => {
				console.log(res,"1111")
				}).then(err =>{
					console.error(err);
				})
			}

		}
	}
	</script>
<style>
    body{background:#efeff8;}
    .tradeDetail{position: relative; top:0;}
    .tradeDetail li{height:9vh; padding:0 3.2vw; font-size:0; display: flex;}
    .tradeDetail li .li-l,.tradeDetail li .li-r{width:50%;}
    .tradeDetail li .li-l{margin-top:2.7vh;}
    .tradeDetail li .li-l img{width:8vw; height:8vw; margin-right:3vw;}
    .tradeDetail li .li-l p{display:inline-block; font-size:1.95vh; line-height:4.5vw;}
    .tradeDetail li .li-l p span{font-size:1.5vh; line-height:6vw; color:#939393;}
    .tradeDetail li .li-r p{font-size:1.95vh; line-height:9vh;}
    .tradeDetail li .li-r p.payType{ float:left;color:#939393;}
    .tradeDetail li .li-r p.payMoney{ float:right; font-size:4vw;}

</style>
